// element icon
// 导致 progress circle 显示太小
// svg {
//   width: 1em;
//   height: 1em;
//   margin-right: 6px;
// }

#app,
html,
body {
  height: 100%;
}

// 菜单
.home {
  height: 100vh;

  .el-container {
    height: 100%;
  }
}

// 显示数据页面

// search-box  查询功能
.search-box {
  .el-collapse {
    border: none;

    .el-collapse-item__header,
    .el-collapse-item__wrap {
      border-bottom: none;
    }
  }

  padding: 4px;
  padding-bottom: 2px;
  background-color: #fff;
  border-radius: 2px;
  margin-bottom: 2px;
  margin-left: 1px;
  display: flex;
}

// 新增/删除
.btn-list {
  margin-bottom: 10px;
  margin-left: 12px;
  display: flex;

  .el-button + .el-button {
    margin-left: 12px;
  }
}

// 表格
.table-box {
  margin-left: 1px;
  padding: 4px;
  background-color: #fff;
  border-radius: 2px;
}

// 分页
.el-pagination {
  height: 20px;
  margin-left: 20px;
}

// 弹窗
.el-dialog {
  border-radius: 2px;

  padding: 12px;

  .el-dialog__body {
    padding: 12px 6px;
  }

  .el-dialog__header {
    .el-dialog__title {
      font-size: 14px;
      font-weight: 500;
    }

    padding: 2px 20px 12px 20px;
    border-bottom: 1px solid #e4e4e4;
  }

  .el-dialog__headerbtn {
    top: 16px;
  }

  .el-dialog__footer {
    padding: 0 16px 16px 0;

    .dialog-footer {
      .el-button {
        padding-left: 24px;
        padding-right: 24px;
      }

      .el-button + .el-button {
        margin-left: 30px;
      }
    }
  }
}
